<link href="../core/resource/css/article.css?v=11" rel="stylesheet">
<script type="text/javascript" src="../core/resource/components/ueditor/ueditor.config.js?v=20191210"></script>
<script type="text/javascript" src="../core/resource/components/ueditor/ueditor.all.min.js?v=20191212"></script>
<script type="text/javascript" src="../core/resource/components/ueditor/ueditor.parse.js?v=20191208"></script>
<!-- 文章头部 -->
<div class="page-heading">
        <span class="pull-right">
            <input type="submit" ng-click="post(pagedata.item,'post')" value="保存文章" class="btn btn-primary btn-sm" id="nav-save">          
            <a class="btn btn-default  btn-sm" ng-click="goback()">返回列表</a>
        </span>
        <h3> <small><i class="fa fa-plus"></i> 添加文章</small></h3>
</div>
    <div id="modal-imgp" class="modal fade" tabindex="-1" role="dialog" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button aria-hidden="true" data-dismiss="modal" class="close" type="button">×</button>
                    <h4>图片预览</h4>
                </div>
                <div class="modal-body">
                    <img src="" id="imgp" style="width:100%;" />
                </div>
            </div>
        </div>
    </div>
<!-- 编辑页面 -->
<div class="fart-main">
    <div class="fart-preview">
        <div class="top"></div>
        <div class="main">
            <div class="fart-rich-primary">
                <div class="fart-rich-title">{{pagedata.item.title || '这里是文章标题'}}</div>
                <div class="fart-rich-mate">
                    <div class="fart-rich-mate-text">{{pagedata.item.date || '发布日期'}}</div>
                    <div class="fart-rich-mate-text">{{pagedata.item.author || '作者'}}</div>
                   
                </div>
                <div class="fart-rich-content" id="preview-content"></div>
                <div class="fart-rich-tool">
                    <div class="fart-rich-tool-text link">阅读原文</div>
                    <div class="fart-rich-tool-text">阅读 {{pagedata.item.readnum || '100000+'}}</div>
                    <div class="fart-rich-tool-text">
                        <div class="fart-rich-tool-like"></div>
                        <span bind-to="art_like">{{pagedata.item.likenum || '100000+'}}</span>
                    </div>
                    <div class="fart-rich-tool-text right">举报</div>
                </div>
            </div>
            <div class="fart-rich-sift product" ng-show="pagedata.item.adtype">
                <div class="fart-rich-sift-line">
                    <div class="fart-rich-sift-border"></div>
                    <div class="fart-rich-sift-text"><a>{{pagedata.item.adtitle || '精品推荐'}}</a></div>
                </div>
                <div class="fart-rich-sift-img"><img src="../addons/sz_yi/plugin/article/template/imgsrc/img01.jpg"></div>
                <div class="fart-rich-sift-more">{{pagedata.item.admore || '更多精品'}}</div>
            </div>
        </div>
        <!-- 手机 -->
    </div>
    <div class="fart-editor" >
        <div class="fart-editor-menu">
            <nav ng-class="{'navon':pagedata.step==1}" ng-click="pagedata.step=1" style="width:33%">① 编辑文章内容</nav>
            <nav ng-class="{'navon':pagedata.step==2}" ng-click="pagedata.step=2"  style="width:33%">② 设置文章及页面信息</nav>
            <nav ng-class="{'navon':pagedata.step==3}" ng-click="pagedata.step=3" style="width:33%">③ 设置营销内容</nav>
        </div>
        <div id="fart-editor-content">
            <div class="fart-editor-content" ng-show="pagedata.step==2" style="display:list-item;">
                        <div class="input-group form-group">
                            <span class="input-group-addon">文章标题</span>                          
                            <input type="text" name="article_title" class="form-control judge" ng-model="pagedata.item.title" placeholder="请填写文章标题 (30个汉字以内)" bind-in="art_title" bind-de="这里是文章标题">
                        </div>
						<div class="input-group form-group">
                            <span class="input-group-addon">文章费用</span>                          
                            <input type="text" name="fee" class="form-control judge" ng-model="pagedata.item.fee" placeholder="请填写文章付费阅读费用！">
							<span class="input-group-addon" style="border-left: 0px;">元</span>
					   </div>
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">文章分类</span>
                                <select class="form-control" ng-model="pagedata.item.fenlei">
                                    <option value="" ng-selected="0==pagedata.item.fenlei || !pagedata.item.fenlei">请选择文章分类</option>
                                    <option ng-repeat="f in pagedata.fenlei" value="{{f.id}}" ng-selected="f.id==pagedata.item.fenlei">{{f.title}}</option>
                                </select>
                            </div>
                       
                        
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">虚拟发布时间</span>
                                <input type="text" name="article_date_v" class="form-control judge" style="padding-left: 12px; " ng-model="pagedata.item.date" placeholder="虚拟发布时间 (格式: {{pagedata.date}})">
                            </div>
                        
                    
                    
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">是否显示公众号</span>
								<div class="form-control">
                                        <label class="radio-inline" ng-repeat="(value,dtitle) in pagedata.account" style="font-weight:100; margin-left:10px;">
											<input type="radio" name="type" value="{{value}}" ng-model="pagedata.item.account"/>
											{{dtitle}}
										</label>
                                </div>
                            </div>
                        
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">发布作者</span>
                                <input type="text" name="article_author" class="form-control" ng-model="pagedata.item.author" placeholder="请填写发布作者 (不填则不显示)">
                            </div>
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">虚拟阅读量</span>
                                <input type="text" name="article_readnum_v" class="form-control judge" ng-model="pagedata.item.readnum" placeholder="页面阅读量 = 真实阅读量 + 虚拟阅读量">
                            </div>
                        
                        
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon">虚拟点赞数</span>
                                <input type="text" name="article_likenum_v" class="form-control judge" ng-model="pagedata.item.likenum" placeholder="页面点赞数 = 真实点赞数 + 虚拟阅读数">
                            </div>
                        
                    
                        <div class="input-group form-group">
                            <span class="input-group-addon">阅读原文链接</span>
                            <input type="text" name="article_linkurl"  class="form-control" ng-model="pagedata.item.oldurl" placeholder="请填写阅读原文指向的链接 (请以http://开头, 不填则不显示)">
                            <span class="input-group-addon btn btn-default nav-link" style="background: #fff;" ng-click="modal_func(pagedata.item,'oldurl','tools.link')">选择链接</span>
                        </div>
                   
                    
                       
                            <div class="input-group form-group" >
                                <span class="input-group-addon">奖励规则&nbsp;&nbsp;&nbsp;&nbsp;每人每天奖励</span>
                                <input type="text" name="article_rule_daynum"  style="width: 60px" class="form-control judge" ng-model="pagedata.item.article_rule_daynum" placeholder="2">
                                <span class="input-group-addon" >次&nbsp;&nbsp;每人总共奖励</span>
                                <input type="text" name="article_rule_allnum" style="width: 60px" class="form-control judge" ng-model="pagedata.item.article_rule_allnum" placeholder="6">
                                <span class="input-group-addon" style="border-left: 0px;">次</span>
                            </div>
                        
                    
                            <div class="input-group form-group">
                                    <span class="input-group-addon" style="border-right: 0px;">每分享1次可获得</span> 
                                    <input type="text" name="article_rule_credit" style="width: 60px" class="form-control judge" ng-model="pagedata.item.article_rule_credit" placeholder="10">
                                    <span class="input-group-addon" style="border-left: 0px; border-right: 0px;">个积分</span> 
                                    <input type="text" name="article_rule_money" style="width: 60px" class="form-control judge" ng-model="pagedata.item.article_rule_money" placeholder="0">
                                    <span class="input-group-addon">元余额</span> 
                            </div>
                        
                    <div class="line" style="padding-left: 80px">
                        <span class='help-block'>奖励规则提示：分享后，好友点击进入后，才算成功分享一次。</span>
                    </div>
                    
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon" style="border-right: 0px;">最高累计奖金</span> 
                                <input type="text" name="article_rule_money_total"  class="form-control" ng-model="pagedata.item.article_rule_money_total" placeholder="">
                                <span class="input-group-addon" style="border-left: 0px; ">元</span> 
                                
                            </div>
                            
                        
                            <div class="input-group form-group" style="width:50%;position:relative;float: left;">
                                <span class="input-group-addon" style="border-right: 0px;">截止目前累计奖励金额</span> 
                                <input type="text" name="article_rule_userd_money"  class="form-control" ng-model="pagedata.item.article_rule_userd_money" placeholder="">
                                <span class="input-group-addon" style="border-left: 0px; ">元</span> 
                                
                            </div>
                            
                        
                    
                    
                        <div class="line2" style="margin-right: 10px; width: 500px;">
                            <div class="input-group form-group">
                                <span class="input-group-addon">页面设置</span>
                                <div class="form-control" style="height: auto">
                                    <label class="radio-inline" ng-repeat="(value,dtitle) in pagedata.bans" style="font-weight:100; margin-left:10px;">
										<input  type="checkbox" id="ban-{{value}}" name="audio_ext" value="{{value}}" ng-checked="pagedata.item.ban.indexOf(';'+value+';')>=0" ng-click="duoxuan('ban-'+value)" data-tovalue="pagedata.item.ban"/>
										{{dtitle}}
									</label>
                                </div>
                            </div>
                        </div>
                       
                    
                            <div class="input-group form-group">
                                <span class="input-group-addon">页面关键字</span>
                                <input type="text" name="article_keyword" class="form-control judge" ng-model="pagedata.item.keyword" placeholder="页面关键字">
                            </div>
                       
                    
                    
                            <div class="input-group form-group">
                                <span class="input-group-addon"><span style="color:red">*</span> 显示终端</span>
                                <div class="form-control">&nbsp;
                                    <label class="radio-inline" ng-repeat="(value,dtitle) in pagedata.shows" style="font-weight:100; margin-left:10px;">
										<input  type="checkbox" id="show-{{value}}" name="audio_ext" value="{{value}}" ng-checked="pagedata.item.shows.indexOf(';'+value+';')>=0" ng-click="duoxuan('show-'+value)" data-tovalue="pagedata.item.shows"/>
										{{dtitle}}
									</label>
                                </div>
                            </div>
                        
                        <div class="input-group form-group"> 
                            <span class="input-group-addon">文章介绍(封面)</span>
                            <input type="text" name="resp_desc" class="form-control" ng-model="pagedata.item.desc" placeholder="文章介绍(封面 50字以内)">
                        </div>
                    
                        <div class="input-group form-group">
                            <span class="input-group-addon">文章图片(封面)</span>
                            <input type="text" name="resp_img" class="form-control" ng-model="pagedata.item.pic_url">
                            <span class="input-group-addon btn nav-imgp" style="border-left: 0px; cursor: pointer;" data-url="{{tomedia(pagedata.item.pic_url)}}">预览图片</span>
                            <span class="input-group-addon btn btn-default nav-imgc" ng-click="image(pagedata.item,'pic_url')">选择图片</span>
                        </div>
                   
               
                
            </div>
            <div class="fart-editor-content" ng-show="pagedata.step==1" style="display: block;">
                <div class="menu">
                    <div class="nav1" style="width:50%">富文本编辑器
                        <div class=" trash" title="清空编辑器内容"><i class="fa fa-trash-o"></i></div>
                    </div>
                    <div class="nav2" style="width:50%">素材库(点击插入)
                        <div class="tip">颜色:</div>
                        <input type="color" class="color" title="设置模板颜色" />
                    </div>
                </div>
                <div class="content">
                    <div class="con1" style="width:50%">
                        <div  class="ueditor" id="editor" style="width:100%;" ng-model="pagedata.item.content"></div>
                    </div>
                    <div class="con2" style="width:50%">
                        <div class="tab" style="width:20%">
                            <div ng-class="{'navon':pagedata.sucai==1}" ng-click="pagedata.sucai=1" class="nav">标题</div>
                            <div ng-class="{'navon':pagedata.sucai==2}" ng-click="pagedata.sucai=2" class="nav">正文</div>
                            <div ng-class="{'navon':pagedata.sucai==3}" ng-click="pagedata.sucai=3" class="nav">图文</div>
                            <div ng-class="{'navon':pagedata.sucai==4}" ng-click="pagedata.sucai=4" class="nav">关注(图)</div>
                            <div ng-class="{'navon':pagedata.sucai==5}" ng-click="pagedata.sucai=5" class="nav">分割(图)</div>
                            <div ng-class="{'navon':pagedata.sucai==6}" ng-click="pagedata.sucai=6" class="nav">原文</div>
                            <div ng-class="{'navon':pagedata.sucai==7}" ng-click="pagedata.sucai=7" class="nav">其他</div>
                        </div>
                        <div id="tabcon" style="width:80%;position:relative;float: left;">
                            <div ng-show="pagedata.sucai==1" class="con" style="display: block;width:100%">
                                <div class="itembox" title="" style="width:100%"><section style="margin: 5px auto;white-space: normal;"><section class="btc" style="margin:2em 0 0;padding:.5em 0;max-width:100%;font-family:inherit;font-size:1em;line-height:25px;white-space:normal;background-color:#fff;border-style:solid none none;border-top-width:1px;border-top-color:#f54242;text-decoration:inherit;color:#a6a6a6;box-sizing:border-box!important;word-wrap:break-word!important"><section style="margin:-1.2em 0 0;padding:0;max-width:100%;text-align:center;border:none;line-height:1.4;box-sizing:border-box!important;word-wrap:break-word!important"><span class="bc" style="margin:0;padding:8px 23px;max-width:100%;font-family:inherit;border-top-left-radius:25px;border-top-right-radius:25px;border-bottom-right-radius:25px;border-bottom-left-radius:25px;color:#fff;font-size:1em;text-decoration:inherit;border-color:#70d8ff;background-color:#f54242;box-sizing:border-box!important;word-wrap:break-word!important"><span style="margin:0;padding:0;max-width:100%;line-height:22.4px;text-indent:28px;box-sizing:border-box!important;word-wrap:break-word!important">这里输入标题</span></span></section></section></section></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section class="bc" style="display:inline-block;float:left;color:#fff;border-color:#acc488;background-color:#059d7f"><section style="display:inline-block;vertical-align:middle;padding:5px 8px;color:inherit"><section style="color:inherit"><strong style="color:inherit"><span style="color:inherit">1</span></strong></section></section></section><section class="blc brc" style="border-left-width:8px;border-right-width:0;border-left-style:solid;border-left-color:#059d7f;border-right-color:#059d7f;display:inline-block;float:left;color:inherit;margin-top:8px;border-bottom-width:8px!important;border-top-width:8px!important;border-top-style:solid!important;border-bottom-style:solid!important;border-top-color:transparent!important;border-bottom-color:transparent!important"></section><section style="padding-left:40px;padding-top:2px"><span style="color:inherit;font-size:16px">请输入标题</span></section></section></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section style="margin:0;padding:0;max-width:100%;box-sizing:border-box;color:#3e3e3e;font-size:16px;line-height:25px;white-space:normal;display:inline-block;background-color:#fefefe;word-wrap:break-word!important"><p style="margin-top:0;margin-right:10px;margin-bottom:0;padding:0;max-width:100%;clear:both;min-height:1em;white-space:pre-wrap;box-sizing:border-box!important;word-wrap:break-word!important"><span style="margin:0;padding:0;max-width:100%;color:#7f7f7f;box-sizing:border-box!important;word-wrap:break-word!important">这里是标题</span></p></section><section style="margin:-12px 0 30px;padding:0;max-width:100%;box-sizing:border-box;font-size:16px;line-height:25px;white-space:normal;height:2px;width:506px;color:#fff;background-color:#ff8124;word-wrap:break-word!important" class="bc"></section></section></div>
                                <div class="itembox" title="水滴编号标题"><section><h2 style="margin: 8px 0px 0px; padding: 0px; font-weight:bold;font-size:16px;line-height:28px;  max-width: 100%;color:rgb(0, 112, 192); min-height: 32px;border-bottom: 2px solid rgb(0, 112, 192); text-align: justify;" class="bdc"><span style="background-color:rgb(0, 112, 192); border-radius:80% 100% 90% 20%; color:rgb(255, 255, 255); display:block; float:left; line-height:20px; margin:0px 8px 0px 0px; max-width:100%; padding:4px 10px; word-wrap:break-word !important" placeholder="1" class="bc" title="">1</span><strong class="tc">第一标题</strong></h2></section></div>
                                <div class="itembox" title="右尖角标题"><section><section style="max-width: 100%;margin: 0.8em 0px 0.5em; overflow: hidden; "><section data-brushtype="text" placeholder="请输入标题" style="box-sizing: border-box !important;  height:36px;display: inline-block;color: #FFF; font-size: 16px;font-weight:bold; padding:0 10px;line-height: 36px;float: left; vertical-align: top; background-color: rgb(249, 110, 87); " class="bc">请输入标题</section><section style="box-sizing: border-box !important; display: inline-block;height:36px; vertical-align: top; border-left-width: 9px; border-left-style: solid; border-left-color: rgb(249, 110, 87); border-top-width: 18px !important; border-top-style: solid !important; border-top-color: transparent !important; border-bottom-width: 18px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important;" class="blc"></section></section></section></div>
                                <div class="itembox" title="圆形编号标题"><section><section style="margin: 0.8em 0 0.5em 0;font-size: 16px;line-height: 32px; font-weight: bold;"><section style="display: inline-block; float: left; width: 32px; height: 32px; border-radius: 32px; vertical-align: top; text-align: center; background-color: rgb(72, 192, 163); border-color: rgb(72, 192, 163);" class="bc"><section style="display: table; width: 100%; color: inherit; border-color: rgb(72, 192, 163);"><section style="display: table-cell;text-indent: 0; vertical-align: middle; font-style: normal; color: rgb(255, 255, 255); border-color: rgb(72, 192, 163);">1</section></section></section><section data-brushtype="text" style="margin-left: 36px; font-style: normal; color: rgb(72, 192, 163); border-color: rgb(72, 192, 163);" class="tc">请输入标题</section></section></section></div>
                                <div class="itembox" title="牙刷标题"><section><section style="clear: both; padding: 0px; border: 0px none; margin:5px 0px;"><section style="border-top-width: 2.5px; border-top-style: solid; border-color: rgb(235, 103, 148); font-size: 1em; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box;" class="bdc"><section style="border: 0px rgb(235, 103, 148); margin: 2px 0px 0px; overflow: hidden; padding: 0px; color: inherit;"><section style="display: inline-block; font-size: 1em; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; color: inherit; border-color: rgb(235, 103, 148); background-color: transparent;"><section style="display: inline-block; line-height: 1.4em; padding: 5px 10px; height: 32px; vertical-align: top; font-size: 16px; font-family: inherit; font-weight: bold; float: left; color: inherit; box-sizing: border-box !important; border-color: rgb(229, 58, 116); background: rgb(235, 103, 148);" class="bc">请输入标题</section><section style="display: inline-block; vertical-align: top; font-size: 16px; width: 0px; height: 0px; border-top-width: 32px; border-top-style: solid; border-top-color: rgb(235, 103, 148); border-right-width: 32px; border-right-style: solid; border-right-color: transparent; border-top-right-radius: 4px; border-bottom-left-radius: 2px; box-sizing: border-box !important; color: inherit;" class="btc"></section></section></section></section></section></section></div>
                                <div class="itembox" title="斜线编号标题"><section><section style="margin: 0.8em 0 0.5em 0;font-size: 16px;line-height: 32px; font-weight: bold;"><section style="display: inline-block; float: left; min-width: 32px; height: 32px; vertical-align: top; text-align: center; "><section style="display: table; width: 100%; color: inherit; border-color: rgb(72, 192, 163);"><section style="display: table-cell;text-indent: 0; vertical-align: middle; font-style: normal; color: rgb(255, 255, 255); border-color: rgb(72, 192, 163);"><span style="color:rgb(198,198,199); font-size:50px" class="tc">1</span></section><section style="width: 10px; height: 70px;margin-left: -6px; margin-top:5px;border-left:1px solid rgb(198,198,199);background-color: rgb(254,254,254); box-sizing: border-box;-webkit-transform: rotate(35deg);transform: rotate(35deg);" class="blc"></section></section></section><section style="margin-left: 40px;padding-top:18px; font-style:normal;font-size:30px; color: #737373; border-color: rgb(72, 192, 163);"><span data-brushtype="text" style="color:#737373; font-size:20px" class="tc">请输入标题</span></section></section></section></div>
                                <div class="itembox" title="普通竖线标题"><section><h2 placeholder="请输入标题" style="border-left:5px solid #666765;font-size: 16px;font-weight:bold; line-height: 32px;color:#666;padding: 5px 10px; margin: 10px 0px;" class="blc tc">请输入标题</h2></section></div>
                                <div class="itembox" title="一行短标题"><section><section style="margin: 2px 0.8em 1em 0; text-align: center; font-size: 1em; vertical-align: middle; white-space: nowrap;"><section style="height: 0px; white-space: nowrap; /* margin: 0px 1em; */ border-top: 1.5em solid rgb(71, 193, 168); border-bottom: 1.5em solid rgb(71, 193, 168); border-left-width: 1.5em ! important; border-left-style: solid ! important; border-right-width: 1.5em ! important; border-right-style: solid ! important; border-color: rgb(71, 193, 168);" class="bdc"></section><section style="height: 0; white-space: nowrap; margin: -2.75em 1.65em;border-top: 1.3em solid #ffffff;border-bottom: 1.3em solid #ffffff;border-left: 1.3em solid transparent;border-right: 1.3em solid transparent;"></section><section style="height: 0px; white-space: nowrap; margin: 0.45em 2.1em; vertical-align: middle; border-top: 1.1em solid rgb(71, 193, 168); border-bottom: 1.1em solid rgb(71, 193, 168); border-left-width: 1.1em ! important; border-left-style: solid ! important; border-right-width: 1.1em ! important; border-right-style: solid ! important; border-color: rgb(71, 193, 168);" class="bdc"><section data-ct="fix" placeholder="一行短标题" style="max-height: 1em; padding: 0px; margin-top: -0.5em; color: rgb(254, 255, 253); font-size: 1.2em; line-height: 1em; white-space: nowrap; overflow: hidden; font-style: normal;">一行短标题</section></section></section></section></div>
                                <div class="itembox" title="圆圈编号标题"><section><section style="margin: 0.5em 0px 0px; padding: 0px; max-width: 100%; box-sizing: border-box; min-width: 0px; color: rgb(62, 62, 62); font-size: 15px; line-height: 24px; border: none; word-wrap: break-word !important; "><section><section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; display: inline-block; vertical-align: top; height: 1.8em; width: 1.8em; border-radius: 50%; border: 3px solid rgb(142, 201, 101); font-size: 1.6em; font-family: inherit; font-weight: inherit; text-align: center; text-decoration: inherit; color: rgb(142, 201, 101); word-wrap: break-word !important;background: #FeFeFe;" class="bdc"><section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; line-height: 1.6em; word-wrap: break-word !important;" class="tc">1</section></section></section><section style="margin: -1.56em 0px 1em 0.5em; padding: 0px;float: left; border-radius: 1em; font-size: 1.2em; font-family: inherit; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); border-color: rgb(142, 201, 101); word-wrap: break-word !important; background-color: rgb(142, 201, 101);z-index: -1;" class="bc"><span data-brushtype="text" style="box-sizing:border-box; display:inline-block; float:left; font-family:inherit; line-height:1.6em; margin:0px 5px; max-width:100%; padding:0px 10px 0px 2em; vertical-align:top; word-wrap:break-word !important">请输入标题</span></section></section></section></div>
                                <div class="itembox" title="方块编号标题"><section><h2 style="margin: 8px 0px 0px; padding: 0px; font-weight: bold; font-size: 16px; line-height: 28px; max-width: 100%; color: rgb(89, 195, 249); min-height: 32px; border-bottom-width: 1.5px; border-bottom-style: solid; border-color: rgb(89, 195, 249); text-align: justify;" class="bdc"><span style="background-color:rgb(89, 195, 249); color:rgb(255, 255, 255); display:block; float:left; line-height:20px; margin:0px 8px 0px 0px; max-width:100%; padding:4px 10px; word-wrap:break-word !important" class="bc">1</span><strong style="border-color:rgb(89, 195, 249);" class="tc">请输入标题</strong></h2></section></div>
                                <div class="itembox" title="肆意青春样式"><section><section style="margin: 0.5em 0px; padding: 0px; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); font-size: medium; line-height: 25px; white-space: normal; border: none rgb(255, 175, 205); word-wrap: break-word !important; text-align: right;"><section style="margin: 0px; padding: 1.5em 0px; max-width: 100%; box-sizing: border-box; width: 12.5em; height: 9.3em;  text-align: center; color: rgb(175, 0, 66); word-wrap: break-word !important; background-image: url(../core/resource/images/diy/46.png); background-color: rgb(255, 175, 205); background-size: cover;display:inline-block" class="bc"><section data-width="160px" style="margin: 0px 0px 0px 20px; padding: 0px; max-width: 100%; box-sizing: border-box; width: 160px; overflow: hidden; -webkit-transform: rotate(-13deg); font-size: 22px;  font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); word-wrap: break-word !important;"><section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;">肆意</section></section><section data-width="150px" style="margin: 10px 20px; padding: 0px; max-width: 100%; box-sizing: border-box; width: 150px; overflow: hidden; -webkit-transform: rotate(-15deg);transform: rotate(-15deg); font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); word-wrap: break-word !important;"><section style="margin: 0px; padding: 0px; max-width: 100%; box-sizing: border-box; word-wrap: break-word !important;"><p>青春，背景色你的地盘你做主</p></section></section></section></section></section></div>
                                <div class="itembox" title="悬挂式标题"><section><section style="clear: both; padding: 0px; border: 0px none; margin: 1em 0px 0.5em;"><section style="border-top-width: 2px; border-top-style: solid; border-color: rgb(142, 201, 101); font-size: 1em; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); box-sizing: border-box;" class="bdc"><section style="padding: 0px 0.5em; background-color: rgb(142, 201, 101); display: inline-block; font-size: 16px;" class="bc">请输入标题</section></section></section></section></div>
                                <div class="itembox" title="引导关注标题"><section><section style="border: none; margin: 0.8em 0px 0.3em; box-sizing: border-box; padding: 0px;"><section style="text-align: center; text-decoration: inherit; color: rgb(255, 255, 255); border-color: rgb(0, 112, 192); box-sizing: border-box;"><section style="width: 0px; margin: 0px 0px 0px 90px; border-bottom-width: 0.8em; border-bottom-style: solid; border-bottom-color: rgb(0, 112, 192); border-top-color: rgb(0, 112, 192); box-sizing: border-box; height: 10px; border-left-width: 0.8em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.8em !important; border-right-style: solid !important; border-right-color: transparent !important; color: inherit;" class="bbc"></section><section style="padding: 0.5em; line-height: 1.2em; font-size: 1em; box-sizing: border-box; color: inherit; border-color: rgb(61, 161, 233); background-color: rgb(0, 112, 192);border-radius: 4px;" class="bc"><strong style="color:inherit">点击标题下「蓝色微信名」可快速关注</strong></section></section></section></section></div>
                                <div class="itembox" title="引导关注标题"><section><section style="max-width: 100%; color: rgb(62, 62, 62); margin: 0px; border-radius: 2em; height: 2.5em;line-height: 2.5em; color: rgb(255, 255, 255);  font-size:14px; word-wrap: break-word !important; box-sizing: border-box !important; background-color: rgb(189, 221, 34);" class="bc"><img src="../core/resource/images/diy/0.png" style="border:0px rgb(189, 221, 34); box-sizing:border-box !important; float:left; height:auto !important; margin:3px 10px; vertical-align:top; visibility:visible !important; width:auto !important; word-wrap:break-word !important"><p style="max-width: 100%; color: inherit; display: inline-block; font-size:16px; ">关注一下又不会怀孕！</p></section></section></div>
                                <div class="itembox" title=""><fieldset style="border: 0px; margin: 1em 0px; "><span style="float: left; padding-right: 0.1em; font-size: 2.7em; line-height: 1em; font-family: inherit; text-align: inherit; text-decoration: inherit; color: rgb(0, 187, 236);" class="tc">请</span>这里输入文字内容... 在线微信内容编辑器</fieldset></div>
                                <div class="itembox" title=""><blockquote class="blc" style="margin:0;max-width: 100%; word-wrap: break-word; padding: 15px 25px; top: 0px; line-height: 24px; font-size: 14px; vertical-align: baseline; border-left-color: #00BBEC; border-left-width: 10px; border-left-style: solid; display: block; background-color: #efefef;"><p >可在这输入内容， 文章编辑器，微信编辑首选。</p></blockquote></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section style="border:0 none;padding:0;box-sizing:border-box;margin:0;font-size:16px;font-family:微软雅黑"><section class="btc" style="margin-top:2em;padding:.5em 0;white-space:normal;border-style:solid none none;border-top-width:1px;border-top-color:#00bbec;font-size:1em;font-family:inherit;text-decoration:inherit;color:#a6a6a6;box-sizing:border-box"><section style="margin-top:-1.2em;text-align:center;padding:0;border:none;line-height:1.4;box-sizing:border-box"><span class="bc" style="background-color:#00bbec;border-color:#00bbec;color:#fff;font-family:inherit;font-size:1em;padding:8px 23px;text-decoration:inherit">标题</span></section></section></section></section></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section style="border:0 none;padding:0;box-sizing:border-box;margin:0;font-size:16px;font-family:微软雅黑"><section style="border:0;box-sizing:border-box;width:100%;clear:both;padding:0;margin:0" data-width="100%"><section style="box-sizing:border-box;float:left;padding:0 .1em 0 0;color:inherit;margin:0"><section class="bc" style="width:5em;height:5em;text-align:center;padding:12px 5px;color:#fff;border-color:#00bbec;background-color:#00bbec;box-sizing:border-box;margin:0" data-width="5em"><p style="color:inherit;white-space:normal">2015年<span style="color:inherit;line-height:1.6em">7月10日</span></p></section></section><section style="display:inline-block;width:75%;box-sizing:border-box;float:left;padding:0 .5em;color:inherit;margin:0" data-width="75%"><section class="bbc" style="border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#00bbec;padding:5px;margin:5px 0 0;color:inherit;box-sizing:border-box"><p class="yead2" style="margin-right:.5px;color:#00bbec;border-color:#00bbec;white-space:normal"><span class="bdc" style="border-color:#00bbec;color:#000;font-family:微软雅黑,microsoft yahei;font-size:18px">我是标题</span></p></section><p class="bdc" style="padding:5px;color:#00bbec;line-height:1.5em;border-color:#00bbec;white-space:normal"><span style="color:#000;font-family:微软雅黑,microsoft yahei;font-size:15px">我是副标题</span></p></section></section><section style="width:0;height:0;clear:both;box-sizing:border-box;padding:0;margin:0"></section></section></section></div>
                                <div class="itembox" title="阴影方形标题"><section style="margin: 5px auto;white-space: normal;"><section style="border:0 none;padding:0;box-sizing:border-box;margin:10px 0;font-size:15px;font-family:微软雅黑"><section class="bc" style="margin-top:0;margin-bottom:0;padding:10px;max-width:100%;line-height:2em;word-wrap:break-word;word-break:normal;text-align:center;background-color:#499ef3;box-sizing:border-box"><span style="color:#fff">请输入标题</span></section><p style="margin-top:0;white-space:normal"><img src="../core/resource/images/diy/0007.jpg" style="height:auto!important;width:100%"></p><section style="width:0;height:0;clear:both;box-sizing:border-box;padding:0;margin:0"></section></section></section></div>
                                <div class="itembox" title="倒影文字标题"><section style="margin: 5px auto;white-space: normal;"><section style="border: 0px none; padding: 0px; box-sizing: border-box; margin: 0px; font-family: 微软雅黑;"><section style="-webkit-box-reflect: below 0px -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), color-stop(0.2, transparent), to(rgba(250, 250, 250, 0.298039))); margin-top: 15px; line-height: 20px; box-sizing: border-box; padding: 0px;"><p style="text-align: center; color: inherit; box-sizing: border-box; padding: 0px; margin-top: 0px; margin-bottom: 0px;"><span class="tc" style="color: rgb(0,187,236);"><strong class="tc" style="color: inherit; font-size: 30px; border-color: rgb(216, 40, 33); box-sizing: border-box; padding: 0px; margin: 0px;">文字倒影效果样式</strong></span></p></section></section></section></div>
                                <div class="itembox" title="下划线文字标题"><section style="margin: 5px auto;white-space: normal;"><h2 style="font-family: 微软雅黑, 宋体, tahoma, arial; margin: 8px 0px 0px; padding: 0px; font-size: 12px; font-weight: normal; white-space: normal; border:0; height: 32px; line-height: 18px;"><span class="bbc tc" style="font-family: 微软雅黑, sans-serif !important; font-size: 14px; color: #00BBEC; display: block; float: left; padding: 0px 2px 3px; line-height: 28px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #00BBEC; font-weight: bold;">这可输入标题</span></h2></section></div>
                               <div class="itembox" title="下划线文字标题"><section style="margin: 5px auto;white-space: normal;"><h2 style="font-family: 微软雅黑, 宋体, tahoma, arial; margin: 8px 0px 0px; padding: 0px; font-size: 12px; font-weight: normal; white-space: normal; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: rgb(227, 227, 227); height: 32px; line-height: 18px;"><span class="tc bbc" style="font-family: 微软雅黑, sans-serif !important; font-size: 14px; color: #00BBEC; display: block; float: left; padding: 0px 2px 3px; line-height: 28px; border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: #00BBEC; font-weight: bold;">这可输入标题</span></h2></div>
                                <div class="itembox" title="方形背景标题"><p style="margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: pre-wrap; word-wrap: break-word !important; min-height: 1.5em; max-width: 100%; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: 0px;"><strong><span class="bc" style="padding: 4px 10px; color: rgb(255, 255, 255); font-family: 微软雅黑,Microsoft YaHei; margin-right: 8px; word-wrap: break-word !important; max-width: 100%; background-color:#00BBEC;">这可输入标题</span></strong></p></section></div>
                                <div class="itembox" title="圆角北京标题"><p style="margin: 0px; padding: 0px; color: rgb(255, 255, 255); text-transform: none; text-indent: 0px; letter-spacing: normal; word-spacing: 0px; white-space: pre-wrap; word-wrap: break-word !important; min-height: 1.5em; max-width: 100%; font-size-adjust: none; font-stretch: normal; -webkit-text-stroke-width: 0px;"><strong><span class="bc" style="padding: 4px 10px; color: rgb(255, 255, 255); font-family: 微软雅黑,Microsoft YaHei; margin-right: 8px; word-wrap: break-word !important; max-width: 100%; background-color:#00BBEC; border-radius:8px;">这可输入标题</span></strong></p></section></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==2" class="con" style="display: block;">
                                <div class="itembox" title="边框阴影内容区域"><section><section style="margin: 3px; padding: 15px;color: rgb(62, 62, 62); line-height: 24px;box-shadow: rgb(170, 170, 170) 0px 0px 3px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-box-shadow: rgb(170, 170, 170) 0px 0px 3px;"><p>边框阴影内容区域</p></section><section style="display: block; width: 0; height: 0; clear: both;"></section></section></div>
                                <div class="itembox" title="左侧编号内容样式"><section><section style="color: inherit; font-size: 16px; padding: 5px 10px 0px 35px; margin-left: 27px; border-left-width: 2px; border-left-style: dotted; border-left-color: rgb(228, 228, 228);"><section style="width: 32px; height: 32px; margin-left: -53px; margin-top: 23px; color: rgb(255, 255, 255); text-align: center; line-height: 32px; border-top-left-radius: 16px; border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px; background: rgb(14, 184, 58);" class="bc">1</section><section style="margin-top: -30px;padding-bottom: 10px; color: inherit;"><p style="clear: both; line-height: 1.5em; font-size: 14px; color: inherit;"><span style="color:inherit; font-size:16px"><strong style="color:inherit">如何进入【XXXX商城】？</strong></span></p><p style="clear: both; line-height: 1.5em; font-size: 14px; color: inherit;">网页搜索“XXXX商城”，点击第一条搜索结果即可进入编辑器页面</p></section></section></section></div>
                                <div class="itembox" title="边框样式"><section><section style="width:92px;margin-bottom:0px;"><p style="text-align: center; color: inherit; line-height: 2em;"><span style="border-color:rgb(255, 129, 36); color:rgb(255, 129, 36); font-size:16px" class="tc"><strong style="border-color:rgb(255, 129, 36); color:inherit">文章编辑器</strong></span></p></section><section style="margin-top: 0px; padding: 0px 5px; line-height: 10px; color: inherit; border: 1px solid rgb(255, 129, 36);" class="bdc"><section style="padding: 0px; font-size: 16px; color: inherit; height: 8px; margin: -8px 0px 0px 140px; width: 50%; background-color: rgb(254, 254, 254);"><section style="width: 8px; height: 8px; border-radius: 100%; line-height: 1; box-sizing: border-box; font-size: 18px; text-decoration: inherit; border-color: rgb(255, 129, 36); display: inline-block; margin: 0px; color: inherit; background-color: rgb(255, 129, 36);" class="bc"></section></section><section style="padding: 0px; line-height: 2em; color: rgb(62, 62, 62); font-size: 14px; margin: 15px;"><p style="color: inherit;"><span style="font-size:14px">文章编辑器编辑器是一个在线图文编辑工具，大量节省您排版的时间，让工作更轻松高效。</span></p></section><section style="padding: 0px; background-color: rgb(254, 254, 254); font-size: 16px; color: inherit; text-align: right; height: 10px; margin: 0px 0px -4px 25px; width: 65%;"><section style="margin: 0px auto 1px; border-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(255, 129, 36); border-color: rgb(255, 129, 36); display: inline-block; height: 8px; width: 8px; color: inherit;" class="bc"></section></section></section></section></div>
                                <div class="itembox" title="斜标题介绍"><section><section style="margin: 1.5em 1em 1em; padding: 0px; border: 0px rgb(255, 179, 167); border-image-source: none; max-width: 100%; box-sizing: border-box; color: rgb(62, 62, 62); font-size: 16px; line-height: 25px; word-wrap: break-word !important;display:inline-block;"><section style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box; line-height: 1.4; margin-left: -0.5em;"><section style="max-width: 100%; box-sizing: border-box; border-color: rgb(0, 0, 0); padding: 3px 8px; border-radius: 4px;color: rgb(167, 23, 0); font-size: 1em;display: inline-block; -webkit-transform: rotateZ(-10deg);transform: rotate(-10deg);transform-origin: left center 0; -webkit-transform-origin: 0% 100%; word-wrap: break-word !important; background-color: rgb(255, 179, 167);" class="bc"><span style="color:rgb(255, 255, 255)">文章编辑器</span></section></section><section  style="max-width: 100%; box-sizing: border-box; padding: 22px 16px 16px; border: 1px solid rgb(255, 179, 167);color: rgb(0, 0, 0); font-size: 14px;margin-top: -24px;" class="bdc"><p style="line-height:24px;"><span style="color:rgb(89, 89, 89); font-size:14px">文章编辑器提供非常好用的微信图文编辑器。可以随心所欲的变换颜色调整格式，更有神奇的自动配色方案。</span></p></section></section></section></div>
                                <div class="itembox" title="内容介绍"><section><blockquote style="margin: 3px; padding: 10px 15px; border-width: 3px; border-color: rgb(107, 77, 64); border-top-left-radius: 50px; border-bottom-right-radius: 50px; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 250);" class="bdc"><section><p style="margin-top: 15px; margin-bottom: 0px; padding: 0px; color: rgb(107, 77, 64); line-height: 2em; font-size: 20px; border-color: rgb(107, 77, 64);"><span style="font-size:18px" class="tc"><strong style="border-color:rgb(107, 77, 64); color:inherit">读而思</strong></span></p></section><p style="margin-top: -10px; margin-bottom: 0px; padding: 0px; line-height: 2em; min-height: 1.5em; color: inherit;"><span style="font-size:12px"><strong style="background-color:rgb(107, 77, 64); border-bottom-left-radius:20px; border-bottom-right-radius:20px; color:rgb(255, 255, 255); font-size:13px; padding:0px 15px" class="bc">duersi</strong></span></p><section><p><span style="font-size:14px">编辑完成后，进入第三步即可保存或预览(不要忘记设置页面信息哦)。</span></p><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; line-height: 2em; font-size: 16px; min-height: 1.5em; color: inherit;"><br></p></section></blockquote></section></div>
                                <div class="itembox" title="通知公告"><section><section style=" padding: 5px; border: 1px solid rgb(204, 204, 204); max-width: 100%; color: rgb(62, 62, 62); line-height: 24px; text-align: justify; box-shadow: rgb(165, 165, 165) 5px 5px 2px; background-color: rgb(250, 250, 250);margin-top: 20px;"><section style=" padding: 0px;  text-align: left;margin-left: 20px;width: auto;border:none;margin-top: -15px;"><strong><strong style="background-color:rgb(255, 255, 245); color:rgb(102, 102, 102); line-height:20px"><span style="background-color:rgb(255,0,0); border-bottom-left-radius:1em; border-bottom-right-radius:0.2em; border-top-left-radius:0.2em; border-top-right-radius:1em; box-shadow:rgb(165, 165, 165) 4px 4px 2px; color:white; max-width:100%; padding:4px 10px; text-align:justify" class="bc">公告通知</span></strong></strong></section><section><p style="margin-top: 0px; margin-bottom: 0px; padding: 0px; max-width: 100%; min-height: 1.5em; line-height: 2em;"><span style="font-size:14px">各位小伙伴们，微信图文美化编辑器正式上线了，欢迎大家多使用多提供反馈意见。使用<span style="color:inherit"><strong>谷歌与火狐浏览器</strong></span>，可获得与手机端一致的显示效果。ie内核的低版本浏览器可能有不兼容的情况</span></p></section></section><section style="display: block; width: 0; height: 0; clear: both;"></section></section></div>
                                <div class="itembox" title="外宽内窄边框标题"><section ><section style="border: 3px solid rgb(255, 129, 36); padding: 5px;" class="bdc"><section style="border: 1px solid rgb(255, 158, 87); padding: 15px; text-align: center; color: inherit;" class="bdc"><p style="color: inherit;font-size: 12px;"><span style="font-family:arial">XXXX商城</span></p><p style="color:inherit;"><strong style="color:inherit"><span style="color:inherit; font-size:16px">服务好，插件多，牛！</span></strong></p></section></section></section></div>
                                <div class="itembox" title="边框样式"><section><section style="border:none;margin:0.8em 5% 0.3em;"><section style="color: #FF6450;font-size: 20px;letter-spacing: 3px;padding: 9px 4px 14px 4px;text-align: center;margin: 0 auto;border:4px solid #FF6450;-webkit-border-radius: 8px;border-radius: 8px;" class="bdc tc">理念<span style="display:block; font-size:10px; line-height:12px">PHILOSOPHY</span></section><section style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: #FF6450; border-top-color:#FF6450; height: 10px; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important;" class="btc"></section></section></section></div>
                                <div class="itembox" title="分号引用区域"><section><section style="font-size: 14px; line-height: 22.39px;margin: 10px 0px; padding:15px 20px 15px 45px; outline: 0px; border: 0px currentcolor; color: rgb(62, 62, 62); vertical-align: baseline;  background-color: rgb(241, 241, 241); background-position: 1% 5px; background-repeat: no-repeat no-repeat;"><p style="text-align:left;">这里插入分号引用样式的内容。</p></section></section></div>
                                <div class="itembox" title="线框样式"><section><section style="width:100%;text-align:center;"><section style="width: 100%; background-color: rgb(255, 255, 255); padding: 0px; border-top-width: 2px; border-top-style: solid; border-top-color: rgb(172, 29, 16); border-bottom-width: 2px; border-bottom-style: solid; border-bottom-color: rgb(172, 29, 16); color: inherit; font-size: 14px; margin: 15px 0px; display: inline-block; " class="bdc"><section style="padding: 30px; margin: -15px 15px; border-right-width: 2px; border-right-style: solid; border-right-color: rgb(172, 29, 16); border-left-width: 2px; border-left-style: solid; border-left-color: rgb(172, 29, 16); color: inherit; " class="bdc"><p style="line-height: 24px; text-align: center; color: rgb(172, 29, 16); border-color: rgb(172, 29, 16); "><span style="color:rgb(12, 12, 12); font-size:16px"><strong style="color:inherit">请输入内容</strong></span></p></section></section></section></section></div>
                                <div class="itembox" title="折角正文样式"><section><section style="border: 0px; margin: 5px 0px; box-sizing: border-box; padding: 0px;"><section style="height: 25px; box-sizing: border-box; color: inherit;"><section style="height: 100%; width: 50px; float: left; border-top-width: 2px; border-top-style: solid; border-color: rgb(172, 29, 16); border-left-width: 2px; border-left-style: solid; box-sizing: border-box; color: inherit;" class="bdc"></section><section style="display: inline-block; color: rgb(172, 29, 16); clear: both; box-sizing: border-box; border-color: rgb(172, 29, 16);"></section></section><section style="margin: -0.8em 0.3em; padding: 0.8em; box-sizing: border-box; color: inherit;"><p style="color: rgb(51, 51, 51); font-size: 1em; line-height: 1.75em; word-break: break-all; word-wrap: break-word; text-align: justify;"><span style="font-family:微软雅黑"><span style="color:rgb(0, 0, 0); font-size:14px">文章编辑器是一个微信文章美化工具，操作简单方便，旨在提供丰富的样式，精美的模板。编辑文章时，就像拼积木一样，挑选样式，调整文字，搭配颜色，最后形成排版优质的文章，让读者更赏心悦目。</span></span></p></section><section style="height: 25px; box-sizing: border-box; color: inherit;"><section style="height: 100%; width: 50px; float: right; border-bottom-width: 2px; border-bottom-style: solid; border-color: rgb(172, 29, 16); border-right-width: 2px; border-right-style: solid; box-sizing: border-box; color: inherit;" class="bdc"></section></section></section></section></div>
                                <div class="itembox" title="线框"><section><section style="margin: 10px 0px; padding: 0px; line-height: 10px; color: inherit; border: 1px solid rgb(89, 195, 249);display:inline-block;width:100%;" class="bdc"><section style="padding: 0px; font-size: 16px; color: inherit; height: 8px; margin: -8px 0px; "><section style="margin: 0px auto -2px -4px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(89, 195, 249); border-color: rgb(89, 195, 249); display: inline-block; height: 8px; width: 8px; color: rgb(255, 255, 255); " class="bc"></section><section style="margin: 4px -4px -4px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(89, 195, 249); border-color: rgb(89, 195, 249); display: inline-block; height: 8px; width: 8px; color: rgb(255, 255, 255); float: right; " class="bc"></section><section style="padding: 5px; line-height: 2em; color: rgb(62, 62, 62); font-size: 14px; margin: 10px;display: block;"><p style="color: inherit; text-align: center; ">点与线的简单结合</p></section><section style="margin: 0px auto -2px -4px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(89, 195, 249); border-color: rgb(89, 195, 249); display: inline-block; height: 8px; width: 8px; color: rgb(255, 255, 255); " class="bc"></section><section style="margin: 6px -4px -4px; border-top-left-radius: 100%; border-top-right-radius: 100%; border-bottom-right-radius: 100%; border-bottom-left-radius: 100%; line-height: 1; box-sizing: border-box; text-decoration: inherit; background-color: rgb(89, 195, 249); border-color: rgb(89, 195, 249); display: inline-block; height: 8px; width: 8px; color: rgb(255, 255, 255); float: right; " class="bc"></section></section></section></section></div>
                                <div class="itembox" title="背景色标题白色内容"><section><blockquote style="max-width: 100%; margin: 0px; padding: 5px 15px; color: rgb(160, 160, 162); line-height: 25px; font-weight: bold; text-align: left; border-radius: 5px 5px 0px 0px; border: 0px; background-color: rgb(33, 33, 34);" class="bc"><span style="color:rgb(255, 255, 255)">这输入标题</span></blockquote><blockquote style="max-width: 100%; margin: 0px; padding: 10px 15px 20px; border-radius: 0px 0px 5px 5px; border: 1px solid rgb(33, 33, 34); line-height: 25px;" class="bdc"><p style="color: inherit;">可在这输入内容，我的编辑器，做微信图文美化最方便的编辑器。</p></blockquote></section></div>
                                <div class="itembox" title="底部内容版式"><section><section style="max-width: 100%; margin: 2px; padding: 0px;"><section style="max-width: 100%;margin-left:1em; line-height: 1.4em;"><span style="font-size:14px"><strong style="color:rgb(62, 62, 62); line-height:32px; white-space:pre-wrap"><span style="background-color:rgb(86, 159, 8); border-radius:5px; color:rgb(255, 255, 255); padding:4px 10px" class="bc">关于文章编辑器</span></strong></span></section><section style="font-size: 1em; max-width: 100%; margin-top: -0.7em; padding: 10px 1em; border: 1px solid rgb(192, 200, 209); border-radius: 0.4em; color: rgb(51, 51, 51); background-color: rgb(239, 239, 239);"><p><span placeholder="提供非常好用的微信文章编辑工具。">非常好用的在线图文编辑工具，欢迎将XXX商城推荐给您的朋友，将他/她从痛苦的编辑中解脱出来。</span></p><p><br></p><p style="text-align: center;"><img alt="" src="../core/resource/images/diy/0003.jpg" width="100%"></p></section></section></section></div>
                                <div class="itembox" title="圆角虚线边框"><p style="margin: 15px; max-width: 100%; word-wrap: normal; min-height: 1.5em; white-space: pre-wrap; padding: 20px; border: 1px dotted rgb(0, 187, 236); text-align: justify; color: rgb(73, 68, 41); line-height: 2em; font-family: 微软雅黑; font-size: 14px; border-bottom-right-radius: 15px; border-bottom-left-radius: 10px; background-color: rgb(255, 255, 255); box-sizing: border-box !important;" class="bdc"><span style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important; color: rgb(0, 187, 236);"><strong style="max-width: 100%; word-wrap: break-word !important; box-sizing: border-box !important;" class="tc">请输入内容</strong></span></p></div>
                                <div class="itembox" title="左上标签"><section style="margin-top: 1.5em; display: inline-block; height: 2em; max-width: 100%; line-height: 1em;box-sizing: border-box; border-top: 1.1em solid #00BBEC; border-bottom: 1.1em solid #00BBEC; border-right: 1em solid transparent;" class="btc bbc"><section style="height: 2em; margin-top: -1em; color: white; padding: 0.5em 1em; max-width: 100%; white-space: nowrap;text-overflow: ellipsis;">事项1</section></section><section style="padding: 1em;"><p>请输入活动内容<br>请输入活动内容<br>......</p></section></div>
                                <div class="itembox" title="左上标签+标题"><fieldset style="border: 0px; margin: 0.5em 0px; padding: 0px; box-sizing: border-box;"><section class="bdc" style="margin-left: 1%;border: 1px solid rgb(0, 187, 236); border-top-left-radius: 0px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 0px; font-size: 1em; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; color: rgb(52, 54, 60); background-color: rgb(255, 255, 255); box-sizing: border-box;"><section style="margin-top: 5%; float: left; margin-right: 8px; margin-left: -8px; font-size: 0.8em; font-family: inherit; font-style: inherit; font-weight: inherit; text-decoration: inherit; color: rgb(255, 255, 255); background-color: transparent; border-color: rgb(0,187,236); box-sizing: border-box;"><span class="bc" style="display: inline-block; padding: 0.3em 0.5em; border-top-left-radius: 0px; border-top-right-radius: 0.5em; border-bottom-right-radius: 0.5em; border-bottom-left-radius: 0px; font-size: 1em; background-color: rgb(0,187,236); font-family: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">文章编辑器</section></span><section class="brc btc" style="width: 0px; border-right-width: 4px; border-right-style: solid; border-right-color: rgb(0,187,236); border-top-width: 4px; border-top-style: solid; border-top-color: rgb(0,187,236); border-left-width: 4px !important; border-left-style: solid !important; border-left-color: transparent !important; border-bottom-width: 4px !important; border-bottom-style: solid !important; border-bottom-color: transparent !important; box-sizing: border-box;"></section></section><section style="margin-top: 5%; padding: 0px 8px; font-size: 1.5em; font-family: inherit; font-weight: inherit; text-align: inherit; text-decoration: inherit; box-sizing: border-box;"><section style="box-sizing: border-box;">微信文章标题</section></section><section style="clear: both; box-sizing: border-box;"></section><section style="padding: 8px; box-sizing: border-box;"><p>编辑文字的时候，提倡大家复制素材到微信公众平台素材管理里面进行编辑，本编辑器不带保存功能，大家使用时候注意！</p></section></section></fieldset></div>
                                <div class="itembox" title=""><section style="border: 0px none; padding: 0px; box-sizing: border-box; margin: 0px; font-family: 微软雅黑;"><section style="border: none rgb(0,187,236); margin: 0.8em 5% 0.3em; box-sizing: border-box; padding: 0px;"><section class="tc bdc" style="color: rgb(0,187,236); font-size: 20px; letter-spacing: 3px; padding: 9px 4px 14px; text-align: center; margin: 0px auto; border: 4px solid rgb(0,187,236); border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; box-sizing: border-box;">理念<span class="tc" style="display: block; font-size: 10px; line-height: 12px; border-color: rgb(0,187,236); color: inherit; box-sizing: border-box; padding: 0px; margin: 0px;">PHILOSOPHY</span></section><section class="btc" style="width: 0px; margin-right: auto; margin-left: auto; border-top-width: 0.6em; border-top-style: solid; border-bottom-color: rgb(0,187,236); border-top-color: rgb(0,187,236); height: 10px; color: inherit; border-left-width: 0.7em !important; border-left-style: solid !important; border-left-color: transparent !important; border-right-width: 0.7em !important; border-right-style: solid !important; border-right-color: transparent !important; box-sizing: border-box; padding: 0px;"></section></section></section></div>
                                <div class="itembox" title="虚线边框区域"><section style="margin: 5px auto;white-space: normal;"><blockquote class="bdc" style="margin:5px 0;padding:0 10px;max-width:100%;border:2px dashed rgb(153, 153, 153);color:#3e3e3e;font-size:14px;white-space:normal;line-height:30px;box-sizing:border-box!important;word-wrap:break-word!important;background-color:#fff"><p>这里输入内容</p></blockquote></section></div>
                                <div class="itembox" title="圆点区域"><section style="margin: 5px auto;white-space: normal;"><section class="bdc" style="line-height:30px;border:2px solid #999;border-radius:.8em;font-family:inherit;font-weight:inherit;font-size:16px;text-align:center;text-decoration:inherit;color:#333;box-sizing:border-box;background-color:#fff"><section style="padding:10px;box-sizing:border-box"><section class="bc" style="width:.5em;height:.5em;float:left;border-radius:100%;box-sizing:border-box;background-color:#999"></section><section class="bc" style="width:.5em;height:.5em;float:right;border-radius:100%;box-sizing:border-box;background-color:#999"></section><section style="clear:both;box-sizing:border-box"></section></section><section style="padding-right:20px;padding-left:20px;box-sizing:border-box"><section class="tc" style="box-sizing:border-box;">这里输入内容</section></section><section style="padding:10px;box-sizing:border-box"><section class="bc" style="width:.5em;height:.5em;float:left;border-radius:100%;box-sizing:border-box;background-color:#999"></section><section class="bc" style="width:.5em;height:.5em;float:right;border-radius:100%;box-sizing:border-box;background-color:#999"></section><section style="clear:both;box-sizing:border-box"></section></section></section></section></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==3" class="con" style="display: block;">
                                <div class="itembox" title="上图下标题样式"><section><section style="border: none; margin: 0.8em 0px 0.3em; box-sizing: border-box; padding: 0px;"><section style="line-height: 0; box-sizing: border-box;"><img src="../core/resource/images/diy/47.jpg" style="border:0px; box-sizing:border-box; display:inline-block; height:auto !important; width:100%"></section><section data-width="30%" style="width: 30%; display: inline-block; float: left; text-align: right; margin: 15px 0px 0px; padding: 0px; box-sizing: border-box;"><section style="float: right; text-align: center; margin-top: -15px; box-sizing: border-box;"><section style="width: 1px; height: 1.2em; margin-left: 13px; background-color: rgb(102, 102, 102); box-sizing: border-box;"></section><section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); border-radius: 50%; line-height: 2em; font-size: 1em;font-weight: inherit; text-decoration: inherit; box-sizing: border-box;"><section data-brushtype="text" style="box-sizing: border-box;">简</section></section><section style="width: 2em; height: 2em; border: 1px solid rgb(102, 102, 102); margin-top: 2px; border-radius: 50%; line-height: 2em; font-size: 1em;  font-weight: inherit; text-decoration: inherit; box-sizing: border-box;"><section data-brushtype="text" style="box-sizing: border-box;">单</section></section></section></section><section data-width="65%" style="width: 65%; float: left; margin-top: 20px; line-height: 1.5em; padding-left:20px; font-size: 1em;  font-weight: inherit; text-decoration: inherit; color: rgb(39, 44, 51); box-sizing: border-box;"><section style="box-sizing: border-box;"><section data-brushtype="text" style="box-sizing:border-box; font-size:175%;margin:5px 0px">Cafe</section><section style="box-sizing: border-box;font-size:16px">伟提尼亚记忆</section></section></section><p style="clear:both"><br></p></section><section style="display: block; width: 0; height: 0; clear: both;"></section></section></div>
                                <div class="itembox" title="图文居中大标题"><section><section style="margin: 0.3em 0px; padding-bottom: 1.5em; font-size: 14px; font-weight: bold; text-align: center; text-decoration: inherit; box-sizing: border-box;"><img src="../core/resource/images/diy/48.jpg" style="border-radius: 50%; color: inherit; height: 112px !important; vertical-align: middle; width: 112px; margin: 0px;" height="112" border="0" width="112"><section class="blc" style="border-left-width: 1px; border-left-style: solid; border-color: rgb(211,172,156); padding-left: 1em; text-align: left; display: inline-block; height: 6em; vertical-align: top;color: rgb(211,172,156); margin-top: 1em;margin-left: 10px;"><h2 class="tc" style="width: 100%; overflow: hidden; height: 50%; font-size: 1.5em; margin-top: -0.15em; border-color: rgb(211,172,156); color: inherit;margin-bottom:0.5em;">计划</h2><section class="tc" style="font-size: 16px; border-color: rgb(211,172,156); color: inherit;"><p>=Planning=</p></section></section></section><section style="display: block; width: 0; height: 0; clear: both;"></section></section></div>
                                <div class="itembox" title="段落-左上图"><section style="margin: 5px auto;white-space: normal;"><section style="box-sizing:border-box"><img style="width:200px;float:left;margin-right:10px;margin-bottom:5px" src="../core/resource/images/diy/49.jpg"><section style="font-size:14px;font-family:inherit;line-height:30px;text-decoration:inherit"><section>人没安全感，总会不确定。试着去接受一个爱你的人，也只有在与之相处的过程里你才会体会到，这到底是怎样的爱。过度的怕和试探忐忑的矫情，也许会让你看的更清透，但也同样会让你错过感情最美的时候，情感的递增需要一个过程，而它的开始是心动。当有一天你懂了，那时你失去的也许是你的全世界</section></section></section></section></div>
                                <div class="itembox" title="段落-右图有边框"><section style="margin: 5px auto;white-space: normal;"><section style="background:#fff;text-align:center;border-style:none;clear:both;overflow:hidden"><span class="bdc" style="padding:5px;margin-left:6px;border:1px solid #bfbfbf;float:right"><img src="../core/resource/images/diy/50.jpg" style="display:block;width:200px;"></span><section style="line-height:1.5;text-align:left;font-size:14px"><p style="display:inline">智慧本身就是好的。有一天我们都会死去，追求智慧的道路还会有人在走着。死掉以后的事我看不到。但在我活着的时候，想到这件事，心里就很高兴。</p></section></section></section></div>
                                <div class="itembox" title="段落-左图有边框"><section style="margin: 5px auto;white-space: normal;"><section style="background:#fff;text-align:center;border-style:none;clear:both;overflow:hidden"><span class="bdc" style="margin-right:6px;padding:5px;border:solid 1px #bfbfbf;float:left"><img src="../core/resource/images/diy/51.jpg" style="display:block;width:200px"></span><section style="line-height:30px;text-align:left;font-size:14px"><p style="display:inline">&nbsp;智慧本身就是好的。有一天我们都会死去，追求智慧的道路还会有人在走着。死掉以后的事我看不到。但在我活着的时候，想到这件事，心里就很高兴。</p></section></section></section></div>
                                <div class="itembox" title="段落-右图无边框"><section style="margin: 5px auto;white-space: normal;"><section style="background:#fff;text-align:center;border-style:none;clear:both;overflow:hidden"><span style="float:right"><img src="../core/resource/images/diy/52.jpg" style="width:200px;margin-left:6px"></span><section style="line-height:30px;text-align:left;font-size:14px"><p style="display:inline">智慧本身就是好的。有一天我们都会死去，追求智慧的道路还会有人在走着。死掉以后的事我看不到。但在我活着的时候，想到这件事，心里就很高兴。</p></section></section></section></div>
                                <div class="itembox" title="段落-左图无边框"><section style="margin: 5px auto;white-space: normal;"><section style="background:#fff;text-align:left;border-style:none;width:100%;clear:both;overflow:hidden"><span style="float:left"><img src="../core/resource/images/diy/53.jpg" style="margin-right:6px;width:200px"></span><section style="line-height:30px;text-align:left;font-size:14px"><p style="display:inline">智慧本身就是好的。有一天我们都会死去，追求智慧的道路还会有人在走着。死掉以后的事我看不到。但在我活着的时候，想到这件事，心里就很高兴。</p></section></section></section></div>
                                <div class="itembox" title="封面标题"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="width:100%;float:left;padding:0 .1em 0 0"><img style="width:100%;height:auto!important" src="../core/resource/images/diy/54.jpg"><section class="tc" style="line-height:1.4;padding:.3em 1em;float:right;width:76%;font-size:14px;margin-top:-12em;opacity:.7;color:#efefef;background-color:#000"><section style="border:none;margin-top:.5em;margin-bottom:.5em;padding-right:3px;padding-left:3px"><section><section class="bc" style="width:9px;height:9px;margin-left:-3px;border-radius:100%;margin-top:1em;float:left;background-color:#ccc"></section><section class="tc" style="padding:3px 10px;font-size:16px;font-family:inherit;text-decoration:inherit;float:left"><section>请输入标题</section></section></section><section style="width:100%"><section class="bdc" style="border-top-width:2px;border-top-style:solid;border-color:#ccc;width:95%;float:left"></section></section><section style="width:0;height:0;clear:both"></section></section><p>咖啡就是人生，苦与甜都包含其中。。。。。</p></section></section><section style="width:0;height:0;clear:both"></section></section></section></div>
                                <div class="itembox" title="右上角标签封面"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="overflow:hidden"><section class="bc" style="width:10em;height:2em;line-height:2em;margin-top:1em;margin-bottom:-4em;margin-right:-3em;-webkit-transform:rotate(45deg);font-size:1.5em;font-family:inherit;font-weight:inherit;text-align:center;text-decoration:inherit;color:#fff;border-color:#fff;box-sizing:border-box;float:right;background-color:#c53f46"><section style="box-sizing:border-box">咖啡物语</section></section><img style="box-sizing:border-box;width:100%" src="../core/resource/images/diy/61.jpg"></section></section></section></div>
                                <div class="itembox" title="图片左右滑动"><section style="margin: 5px auto;white-space: normal;"><section style="width:100%"><section style="overflow-x:auto;overflow-y:hidden;white-space:nowrap"><img src="../core/resource/images/diy/default/banner-1.jpg" style="height:150px;padding:0"><img src="../core/resource/images/diy/default/banner-2.jpg" style="height:150px;padding:0"><img src="../core/resource/images/diy/default/banner-1.jpg" style="height:150px;padding:0"><img src="../core/resource/images/diy/default/banner-2.jpg" style="height:150px;padding:0"><img src="../core/resource/images/diy/59.png" style="height:150px;padding:0"></section><p style="color:#aaa;text-align:center;padding-bottom:10px">图片左右滑动</p></section></section></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section style="border:0;box-sizing:border-box;width:100%;margin-top:.8em;margin-bottom:.5em;clear:both"><img style="box-sizing:border-box;width:100%" src="../core/resource/images/diy/62.jpg"><section style="box-sizing:border-box;width:9em;float:right;margin-top:-2em;margin-right:1em;border-radius:12em;-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg);opacity:.99"><img style="box-sizing:border-box;width:100%;border:2px solid white" src="../core/resource/images/diy/50.jpg"></section><section style="box-sizing:border-box;margin-top:.5em;margin-right:11em;margin-bottom:.5em;color:#666;font-size:.9em;font-family:inherit;font-weight:inherit;text-align:inherit;text-decoration:inherit"><section style="box-sizing:border-box">这里输入内容</section></section><section style="clear:both;box-sizing:border-box"></section></section></section></div>
                                <div class="itembox" title=""><section style="margin: 5px auto;white-space: normal;"><section style="border:0;box-sizing:border-box;clear:both;overflow:hidden;padding:15px 10px;margin:0"><section style="box-sizing:border-box;width:50%;float:left;padding:10px 0 10px 4px;-webkit-transform:rotate(10deg);transform:rotate(10deg);margin:0"><img src="../core/resource/images/diy/62.jpg" style="box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important"></section><section style="box-sizing:border-box;width:50%;float:right;padding:15px 6px 10px 0;margin:0;-webkit-transform:rotate(-15deg);transform:rotate(-15deg)"><img src="http://img.yzcdn.cn/upload_files/2015/08/06/d35c557390f53f351a93d34b12557c66.jpg" style="box-sizing:border-box;margin:0;padding:0;width:100%;height:auto!important"></section></section></section></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==4" class="con" style="display: block;">
                                <div class="itembox" title="点击蓝字加关注"><p><img width="100%" src="../core/resource/images/diy/1.gif"></p></div>
                                <div class="itembox" title="点击蓝字加关注"><p><img width="100%" src="../core/resource/images/diy/2.gif"></p></div>
                                <div class="itembox" title="点击蓝字加关注"><p><img width="100%" src="../core/resource/images/diy/3.gif"></p></div>
                                <div class="itembox" title="差一点我们就擦肩而过了"><p><img width="100%" src="../core/resource/images/diy/4.png"></p></div>
                                <div class="itembox" title="点击蓝字加关注"><p><img width="100%" src="../core/resource/images/diy/5.gif"></p></div>
                                <div class="itembox" title="点击蓝字加关注"><p><img width="100%" src="../core/resource/images/diy/6.gif"></p></div>
                                <div class="itembox" title="点击蓝字加关注-蜡笔小新"><p><img width="100%" src="../core/resource/images/diy/7.gif"></p></div>
                                <div class="itembox" title="点击蓝字加关注-流浪兔"><p><img width="100%" src="../core/resource/images/diy/8.gif"></p></div>
                                <div class="itembox" title="gif手指"><p><img width="100%" src="../core/resource/images/diy/9.gif"></p></div>
                                <div class="itembox" title="加关注你懂的"><p><img width="100%" src="../core/resource/images/diy/10.jpg"></p></div>
                                <div class="itembox" title="长按识别图中二维码"><section style="margin: 5px auto;white-space: normal;"><blockquote style="margin:0 auto;width:360px;border:none #ff8124;box-sizing:border-box;background-image:url('../core/resource/images/diy/11.gif');background-position:right 0;background-size:contain;background-repeat:no-repeat"><section style="padding:10px 3px"><img style="max-width:50%!important" src="../core/resource/images/diy/0003.jpg" data-width="150px" width="150" border="0" vspace="0" title="" alt=""></section></blockquote></section></div>
                                <div class="itembox" title="长按识别图中二维码"><section style="margin: 5px auto;white-space: normal;"><section style="border-style:none;clear:both;overflow:hidden;font-size:12px;text-align:center;width:286px;margin:15px auto"><span style="text-align:center;width:80%;margin:10px auto"><span style="vertical-align:middle;clear:both;display:block"><section style="display:inline-block;text-align:center;float:left;width:50%;margin:0 auto 10px"><img src="../core/resource/images/diy/0003.jpg" style="margin:0 auto;width:115px;display:block">微信ID：XXXXXX</section><section style="width:50%;text-align:center;margin-top:20px;display:inline-block;float:right"><img src="../core/resource/images/diy/0004.gif" style="margin:0 auto;width:75px;margin-bottom:18px;display:block">长按左侧二维码关注</section></span></span></section></section></div>
                                <div class="itembox" title="长按识别图中二维码-绿色激光"><section style="margin: 5px auto;white-space: normal;"><section data-style="font-size:14px;text-align:center" style="line-height:25px;color:inherit;background-image:url(../core/resource/images/diy/0005.gif);background-size:contain;background-position:50% 50%;background-repeat:no-repeat"><p style="text-align:center"><img src="../core/resource/images/diy/0003.jpg" style="opacity:.55"></p></section></section></div>
                                <div class="itembox" title="长按识别图中二维码-红色激光"><section style="margin: 5px auto;white-space: normal;"><section data-style="font-size:14px;text-align:center" style="line-height:25px;color:inherit;background-image:url(../core/resource/images/diy/0006.gif);background-size:contain;background-position:50% 50%;background-repeat:no-repeat"><p style="text-align:center"><img src="../core/resource/images/diy/0003.jpg" style="opacity:.55"></p></section></section></div>
                                <div class="itembox" title="举牌二维码"><section style="margin: 5px auto;white-space: normal;"><blockquote style="max-width:100%;padding:5px 15px;border:none #ff8124;word-wrap:break-word!important;box-sizing:border-box!important;background-size:contain;background-position:50% 50%;background-repeat:no-repeat;background-image:url('../core/resource.images/diy/12.png')"><section><p><br></p><section style="border:0;margin:0 -1px;box-sizing:border-box;width:100%;clear:both;padding:0" data-width="100%"><section style="margin:0 auto;width:130px;height:130px;box-sizing:border-box;text-align:center" data-width="130px"><img style="width:120px;height:120px" src="../core/resource/images/diy/0003.jpg" width="120" height="120" border="0" vspace="0" title="" alt=""></section></section></section><p style="text-align:center"><span style="font-size:12px;line-height:21px;text-align:justify;text-decoration:underline;text-indent:28px;white-space:pre-wrap">长按上图，识别二维码关注</span></p><p style="text-align:center"><span style="font-size:12px;line-height:21px;text-align:justify;text-indent:28px;white-space:pre-wrap">一更多精彩一</span></p><p><br></p><p><br></p><p><br></p><p><br></p></blockquote></section></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==5" class="con" style="display: block;">
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/13.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/14.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/15.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/16.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/17.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/18.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/19.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/20.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/21.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/20.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/23.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/24.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/25.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/26.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/27.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/28.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/29.jpg"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/30.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/31.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/32.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/33.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/34.gif"></p></div>
                                <div class="itembox" title="普通分割线样式"><p><img width="100%" src="../core/resource/images/diy/35.png"></p></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==6" class="con" style="display: block;">
                                <div class="itembox" title=""><section style="max-width:100%;font-family:inherit;font-size:1em;padding:.7em 0;line-height:1.4em;border-top-width:1px;border-top-style:solid;border-top-color:#3f474e;font-family:微软雅黑;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#3f474e;font-style:italic;color:#3f474e;word-wrap:break-word!important;box-sizing:border-box!important"><span style="max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important;font-size:12px"><strong style="max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important"><em style="max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important">点击“<span style="max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important;font-size:16px;color:#c0504d">阅读原文</span>”体验一次简单不过的微信编辑体验，不用太久，不用太难，<span style="max-width:100%;word-wrap:break-word!important;box-sizing:border-box!important;font-size:16px;color:#9bbb59">瞬间</span>即可！</em></strong></span></section></div>
                                <div class="itembox" title=""><section><section style="height: 8em; white-space: nowrap; overflow: hidden;"><img style="max-width: 100%;max-height: 100%;" src="../core/resource/images/diy/36.png"></section><section style="height: 2em; margin: -7.2em 0.5em 5.5em; font-size: 1em; line-height: 1.6em; padding: 0.5em;"><span style="color: inherit; white-space: nowrap; overflow: hidden; font-size: 0.9em; font-family: inherit; font-style: normal;">点击下方</span><span style="color: rgb(64, 84, 115); white-space: nowrap; overflow: hidden; font-size: 0.9em; font-family: inherit; font-style: normal;">“阅读原文”</span><span style="color: inherit; white-space: nowrap; overflow: hidden; font-size: 0.9em; font-family: inherit; font-style: normal;">查看更多</span></section></section></div>
                                <div class="itembox" title=""><section><section class="awb-s1" style="margin: 0px; height: 0.1em; background-color: #00BBEC;"></section><section class="awb-s1" style="margin: 0.3em 0px; height: 0.3em; background-color: #00BBEC;"></section><section class="awb-s3" style="margin: 0; background-color: white; border: 1px solid #00BBEC; box-shadow: #e2e2e2 0em 1em 0.1em -0.8em;font-size: 1em; line-height: 1.6em; padding: 0.5em;"><span style="color: inherit; font-size: 1em; font-family: inherit; font-style: normal;">点击下方</span><span style="color: rgb(64, 84, 115); font-size: 1em; font-family: inherit; font-style: normal;">“阅读原文”</span><span style="color: inherit; font-size: 1em; font-family: inherit; font-style: normal;">查看更多</span></section><section class="awb-s4" style="color: #00BBEC; font-size: 2em;">↓↓↓</section></section></div>
                                <div class="itembox" title=""><section><p class="awb-s1" style="margin-top: 0px; margin-bottom: 0px; padding: 0px; min-height: 1.5em; word-wrap: break-word; word-break: normal; white-space: pre-wrap; line-height: 36px; font-family: 微软雅黑; text-align: center; background-color: #00BBEC; color: #ffffff; border-radius: 5px;">点击左下角“阅读原文”查看更多</p><p class="awb-s2" style="margin: -5px 0 0 50px;display: inline-block;border-left-width: 1em;border-left-style: solid;border-left-color: transparent !important;border-right-width: 1em;border-right-style: solid;border-right-color: transparent !important;border-top-width: 1.5em !important;border-top-style: solid !important;border-top-color: #00BBEC;"></p></section></div>
                                <div class="itembox" title="卡通猛戳"><p><img style="height: auto !important;" src="../core/resource/images/diy/37.gif"></p></div>
                                <div class="itembox" title="卡通点这"><p><img style="height: auto !important;" src="../core/resource/images/diy/38.gif"></p></div>
                                <div class="itembox" title="99%的人点击了阅读原文"><p><img style="height: auto !important;" src="../core/resource/images/diy/39.gif"></p></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                            <div ng-show="pagedata.sucai==7" class="con" style="display: block;">
                                <div class="itembox" title="对话框左"><section><section style="text-align: left;"><img style="vertical-align: top; width: 40px;" src="../core/resource/images/diy/40.png"><img style="vertical-align: top; margin-top: 1.8em;" src="../core/resource/images/diy/41.png"><section style="display: inline-block; width: 40%; margin-top: 0.7em; margin-left: -0.4em; padding: 1em; background-color: #ffe4c8; border-radius: 1em;"><p>请输入对话</p></section></section></section></div>
                                <div class="itembox" title="对话框右"><section><section style="text-align: right;"><section style="display: inline-block; width: 40%; margin-top: 0.7em; margin-right: -0.4em; padding: 1em; background-color: #bce3f9; border-radius: 1em; text-align: left;"><p>请输入对话</p></section><img style="vertical-align: top; margin-top: 1.8em;" src="../core/resource/images/diy/42.png"><img style="vertical-align: top; width: 40px;" src="../core/resource/images/diy/43.png"></section></section></div>
                                <div class="itembox" title="时间地点"><section><section class="bdc" style="background-color: white; border: 1px solid #00BBEC; box-shadow: rgb(165, 165, 165) 0em 1em 0.1em -0.6em; line-height: 1.6em;"><section class="bc" style="padding: 1em; text-align: center; font-size: 1.4em; font-weight: bold; line-height: 1.4em; color: white;background-color: #00BBEC; ">请输入名称</section><section style="text-align: left; margin-top: 1.5em;"><img style="vertical-align: top; margin-left: 1em; width: 30px;" src="../core/resource/images/diy/0001.png"><section style="display: inline-block; width: 40%; margin-left: 0.5em; padding: 0.2em;">时间</section></section><section style="text-align: left; margin-top: 1em;"><img style="vertical-align: top; margin-left: 1em; width: 30px;" src="../core/resource/images/diy/0002.png"><section style="display: inline-block; width: 40%; margin-left: 0.5em; padding: 0.2em;">地点</section></section><br><br><br></section></section></div>
                                <div class="itembox" title="我们的印记-右脚丫"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="margin:auto;width:3em;height:3em;border-radius:100%;background-image:url(../core/resource/images/diy/44.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat"></section><section class="bdc" style="width:0;height:4em;border-left-width:3px;border-left-style:dotted;border-color:#999;margin:auto"></section></section><section style="float:right;width:40%;margin-top:-7.8em;font-family:inherit;text-decoration:inherit;border-color:#ffca00"><section class="brc" style="width:0;border-right-width:8px;border-right-style:solid;display:inline-block;margin-top:1.2em;vertical-align:top;border-right-color:#999;border-top-width:6px!important;border-top-style:solid!important;border-top-color:transparent!important;border-bottom-width:6px!important;border-bottom-style:solid!important;border-bottom-color:transparent!important"></section><section style="width:90%;display:inline-block;vertical-align:middle"><section class="bc" style="color:#fff;padding:10px;display:inline-block;border-radius:.5em;line-height:1.5em;font-family:inherit;background-color:#999"><section>我们的印记</section></section></section></section></section></div>
                                <div class="itembox" title="我们的印记-左脚丫"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="margin:auto;width:3em;height:3em;border-radius:100%;background-image:url(../core/resource/images/diy/45.jpg);background-size:cover;background-position:50% 50%;background-repeat:no-repeat"></section><section class="bdc" style="width:0;height:4em;border-left-width:3px;border-left-style:dotted;border-color:#999;margin:auto"></section></section><section style="float:left;width:40%;margin-top:-7.8em;font-family:inherit;text-align:right;text-decoration:inherit;border-color:#8ec965"><section style="width:90%;display:inline-block;vertical-align:middle"><section class="bc" style="color:#fff;padding:10px;display:inline-block;border-radius:.5em;line-height:1.5em;font-family:inherit;background-color:#999"><section>快跟上步伐</section></section></section><section class="blc" style="width:0;border-left-width:8px;border-left-style:solid;display:inline-block;margin-top:1.2em;vertical-align:top;border-left-color:#999;border-top-width:6px!important;border-top-style:solid!important;border-top-color:transparent!important;border-bottom-width:6px!important;border-bottom-style:solid!important;border-bottom-color:transparent!important"></section></section></section></div>
                                <div class="itembox" title="我们的印记-结束"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="text-align:center"><section class="bdc" style="width:0;height:3em;border-left-width:3px;border-left-style:dotted;border-color:#ffa921;margin:auto"></section><section class="bc" style="display:inline-block;margin:auto;padding:3px 10px;border-radius:1em;font-family:inherit;text-align:left;text-decoration:inherit;color:#fff;border-color:#ffe83b;background-color:#ffa921"><section>七月初七 2015</section></section></section></section></section></div>
                                <div class="itembox" title="我们的印记-开始"><section style="margin: 5px auto;white-space: normal;"><section style="margin-top:.5em;margin-bottom:.5em;box-sizing:border-box"><section style="text-align:center"><section class="bc" style="display:inline-block;margin:auto;padding:3px 10px;border-radius:1em;font-family:inherit;text-align:left;text-decoration:inherit;color:#fff;border-color:#ffe83b;background-color:#5faaff"><section>七月初七 2015</section></section><section class="bdc" style="width:0;height:3em;border-left-width:3px;border-left-style:dotted;border-color:#5faaff;margin:auto"></section><section style="width:0;height:0;clear:both"></section></section></section></section></div>
                                <div class="itembox" title="黑板"><section style="margin: 5px auto;white-space: normal;"><section style="box-sizing:border-box;padding:0;margin:1em auto;border:none;width:319px;text-align:center"><section style="box-sizing:border-box;padding:20px 20px 0;margin:0;font-size:16px;color:#fff;border:4px solid #fbc16c;background-color:#254932;min-height:18px;width:319px;position:relative;line-height:1.4"><section style="box-sizing:border-box;padding:0;margin:0;line-height:1.6;font-size:17px"><p style="box-sizing:border-box;padding:0;margin-top:0;margin-bottom:10px">埋怨了你四年，依然舍不得说再见埋怨了你四年</p></section><span style="box-sizing:border-box;padding:0;margin:15px 0 0 54.19px;border:none;background-color:#fff;width:20px;height:4px;display:block"></span><span style="box-sizing:border-box;padding:0;margin:0 0 0 54.19px;border:none;background-color:#84ccc9;width:20px;height:4px;display:block"></span></section></section></section></div>
                                <div class="itembox" title="列表"><section><fieldset style="padding: 5px; min-width: 0px; color: rgb(62, 62, 62); line-height: 25.6000003814697px; white-space: normal; border: 1px solid rgb(204, 204, 204); list-style: none; font-family: 微软雅黑, sans-serif;">这里可以放广告/本期预览/下期引导：</fieldset><fieldset style="padding: 5px; min-width: 0px; color: rgb(62, 62, 62); line-height: 25.6000003814697px; white-space: normal; border: 1px solid rgb(204, 204, 204); list-style: none; font-family: 微软雅黑, sans-serif;"><strong style="font-size: 12px; line-height: 32px; color: inherit;"><span style="margin-right: 8px; padding: 4px 10px; word-break: normal; line-height: 1.42em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(0, 187, 236);" class="bc">广告A</span></strong>xxxxxxxxxxxxxxxxxx</fieldset><fieldset style="padding: 5px; min-width: 0px; color: rgb(62, 62, 62); line-height: 25.6000003814697px; white-space: normal; border: 1px solid rgb(204, 204, 204); list-style: none; font-family: 微软雅黑, sans-serif;"><strong style="font-size: 12px; line-height: 32px; color: inherit;"><span style="margin-right: 8px; padding: 4px 10px; word-break: normal; line-height: 1.42em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(0, 187, 236);" class="bc">广告B</span></strong>xxxxxxxxxxxxxxxxxx</fieldset><fieldset style="padding: 5px; min-width: 0px; color: rgb(62, 62, 62); line-height: 25.6000003814697px; white-space: normal; border: 1px solid rgb(204, 204, 204); list-style: none; font-family: 微软雅黑, sans-serif;"><strong style="font-size: 12px; line-height: 32px; color: inherit;"><span style="margin-right: 8px; padding: 4px 10px; word-break: normal; line-height: 1.42em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(0, 187, 236);" class="bc">广告C</span></strong>xxxxxxxxxxxxxxxxx</fieldset><fieldset style="padding: 5px; min-width: 0px; color: rgb(62, 62, 62); line-height: 25.6000003814697px; white-space: normal; border: 1px solid rgb(204, 204, 204); list-style: none; font-family: 微软雅黑, sans-serif;"><strong style="font-size: 12px; line-height: 32px; color: inherit;"><span style="margin-right: 8px; padding: 4px 10px; word-break: normal; line-height: 1.42em; border-top-left-radius: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; color: rgb(255, 255, 255); background-color: rgb(0, 187, 236);" class="bc">广告D</span></strong><span style="color: inherit;">xxxxxxxxxxxxxxxxxxxx</span></fieldset></section></div>
                                <p style="text-align:center; line-height:30px; color:#999;">没有更多啦...</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="fart-editor-content" ng-show="pagedata.step==3" style="display: block;">
                <div class="fart-form">
                    <div class="line">
                           
                            <div class="input-group form-group">
                                <span class="input-group-addon">营销产品显示设置</span> 
                                <div class="form-control">
                                        <label class="radio-inline" ng-repeat="(value,dtitle) in pagedata.yingxiaos" style="font-weight:100; margin-left:10px;">
											<input type="radio" name="type" value="{{value}}" ng-model="pagedata.item.yingxiao"/>
											{{dtitle}}
										</label>
                                </div>
                            </div>
                    </div>
                    <div class="product">
                        <div class="line">
                            <div class="input-group form-group">
                                <span class="input-group-addon">推广产品标题</span>
                                <input type="text" name="product_advs_title"  class="form-control" ng-model="pagedata.item.adtitle" placeholder="推广产品标题，不填则不显示标题">
                            </div>
                        </div>
                        <div class="line">
                            <div class="input-group form-group">
                                <span class="input-group-addon">推广产品底部文字</span>
                                <input type="text" name="product_advs_more"  class="form-control" ng-model="pagedata.item.admore" placeholder="推广产品底部文字，不填则不显示">
                            </div>
                        </div>
                        <div class="line">
                            <div class="input-group form-group">
                                <span class="input-group-addon">推广产品底部链接</span>
                                <input type="text" name="product_advs_link"  class="form-control" ng-model="pagedata.item.adurl" placeholder="推广产品底部文字链接，可直接输入或者选择系统连接 (请使用系统短链接比如会员中心：core/home.welcome/)" data-id="PAL-00000">
                                <span class="input-group-addon btn btn-default nav-link" style="background: #fff;" data-id="PAL-00000" ng-click="modal_func(pagedata.item,'adurl','tools.link')">选择链接</span>
                            </div>
                        </div>
                        <div class="advs">
                            <div id="advs">
                                
                                        <div class="adv" ng-repeat="adv in pagedata.item.advs">
                                            <div class="del" ng-click="pagedata.item.advs.splice($index,1)">×</div>
                                            <div class="img"><img ng-src="{{tomedia(adv.img) || '../core/resource/images/nopic.jpg'}}"/></div>
                                            <div class="info">
                                                <div class="input-group form-group" style="margin-top:5px; margin-bottom:0px; margin-right:5px;">
                                                    <span class="input-group-addon">广告图片</span>
                                                    <input type="text" class="form-control post-adv-img" placeholder="推广广告图，可直接输入或者选择系统图片" ng-model="adv.img">
                                                    <span class="input-group-addon btn btn-default nav-imgc" ng-click="image(adv,'img')">选择图片</span>
                                                </div>
                                                <div class="input-group form-group" style="margin-top:10px; margin-bottom:0px; margin-right:5px;">
                                                    <span class="input-group-addon">广告链接</span>
                                                    <input type="text" class="form-control post-adv-link" placeholder="推广广告链接，可直接输入或者选择系统连接 (请使用系统短链接比如会员中心：core/home.welcome/)" ng-model="adv.url" >
                                                    <span class="input-group-addon btn btn-default nav-imgc"  ng-click="modal_func(adv,'url','tools.link')">选择链接</span>
                                                </div>
                                            </div>
                                        </div>
                                    
                            </div>
                            <div class="addbtn" ng-click="newfield={'img':'','url':''};pagedata.item.advs.push(newfield)"><i class="fa fa-plus"></i> 添加一个</div>
                        </div>
                    </div>
                </div> 
            </div>  
        </div>
    </div>
</div>
<script type="text/javascript">
$(function(){
		var pagestate = 0;
//初始化百度编辑器        
        var ue = UE.getEditor("editor", {
            topOffset: 0,
            autoFloatEnabled: false,
            autoHeightEnabled: false,
            autotypeset: {
                removeEmptyline: true
            },
            maximumWords : 9999999999999,
            initialFrameHeight: 607,
            focus : true,
            toolbars : [['fullscreen', 'source', '|', 'undo', 'redo', '|', 'bold', 'italic', 'underline', 'strikethrough', 'forecolor', 'backcolor', '|','justifyleft', 'justifycenter', 'justifyright', '|', 'insertorderedlist', 'insertunorderedlist', 'blockquote', 'emotion', 'removeformat', '|', 'rowspacingtop', 'rowspacingbottom', 'lineheight','indent', 'paragraph', 'fontsize', '|','inserttable', 'deletetable', 'insertparagraphbeforetable', 'insertrow', 'deleterow', 'insertcol', 'deletecol','mergecells', 'mergeright', 'mergedown', 'splittocells', 'splittorows', 'splittocols', '|', 'anchor', 'map', 'print', 'drafts', '|','autotypeset','insertcode','preview']],
        });
        ue.ready(function() {
            if(window.scope.pagedata.item.content){
				$("#preview-content").html(window.scope.pagedata.item.content);
				ue.setContent(window.scope.pagedata.item.content);
			}
			ue.addListener('contentChange',function(){
                window.current_ue=ue;
				$("#preview-content").html(ue.getContent());
				window.scope.pagedata.item.content=ue.getContent();
                pagestate = 1;
            });
            $(".itembox").click(function(a) {
                ue.execCommand("insertHtml", "<div>" + $(this).html()+"<p></p>"+ "</div>");
            });
            $(".trash").click(function(){
                if(confirm("确定要清空编辑器？此操作不可恢复。")){
                    ue.setContent("");
                }
            });
			
        });
    $(".color").change(function(){
        var color = $(this).val();
        $(".itembox .tc").css("color",color);
        $(".itembox .bc").css("background-color",color);
        $(".itembox .bdc").css("border-color",color);
        $(".itembox .blc").css("border-left-color",color);
        $(".itembox .btc").css("border-top-color",color);
        $(".itembox .bbc").css("border-bottom-color",color);
        $(".itembox .brc").css("border-right-color",color);
    });
    $(".nav-imgp").click(function(){
        var imgurl = $(this).data("url");
        //var imgurl = $("input[data-id="+id+"]").val();
        if(imgurl){
            $("#imgp").attr("src",imgurl);
            $("#modal-imgp").modal();
        }else{
            alert("您还没选择图片哦！");
        }
    });
});
</script>